<template>
<el-form ref="form" :model="form" label-width="80px">
  <el-form-item label="有效时段">
    <el-col :span="11">
      <el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>
    </el-col>
    <el-col class="line" :span="2">-</el-col>
    <el-col :span="11">
      <el-time-picker placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
    </el-col>
  </el-form-item>
  <el-form-item label="允许学生补交">
    <el-switch v-model="form.delivery">允许学生补交</el-switch>
  </el-form-item>

  <el-form-item label="及格标准">
    <el-input style='width:80px' v-model="form.passingstandard"></el-input>
    <span style="color:#606266">分</span>
  </el-form-item>
  <el-form-item label="重做设置">
    <el-checkbox-group v-model="form.advancedsetting">
      <el-checkbox label="是否允许重做" name="type">
        <div>作业截止前允许学生重做</div>
        <el-form-item>
          <el-input style='width:80px' v-model="form.remaketime"></el-input>
        </el-form-item>
        <div>次</div>
      </el-checkbox><div></div>
      <el-checkbox label="是否取最高成绩" name="type">多次作答取历史最高成绩</el-checkbox><div></div>
    </el-checkbox-group>
  </el-form-item>

   <el-form-item label="防作弊">
    <el-checkbox-group v-model="form.entitrick">
      <el-checkbox label="是否允许查看答案" name="type">
        <el-form-item>
          <el-select style="width:146px" v-model="form.status" placeholder="请选择">
            <el-option label="老师批阅后" value="after"></el-option>
            <el-option label="不知道啥情况后" value="unknown"></el-option>
          </el-select>
        </el-form-item>
      <span>允许查看答案</span>
      </el-checkbox><div></div>
      <el-checkbox label="是否允许学生查看分数" name="type">允许学生查看分数</el-checkbox><div></div>
      <el-checkbox label="是否允许学生查看题型分数" name="type">允许学生查看题型分数</el-checkbox><div></div>
      <el-checkbox label="是否允许学生粘贴答案" name="type">允许学生粘贴答案</el-checkbox><div></div>
      <el-checkbox label="是否允许学生重做时选择对错" name="type">允许学生重做时选择对错</el-checkbox><div></div>
      <el-checkbox label="是否题目乱序" name="type">题目乱序</el-checkbox>
        <div class='section-description'>学生接收到的题目显示顺序不同</div>
      <el-checkbox label="是否随机出题" name="type">
        <div>随机出题</div>
        <el-form-item>
          <el-input style='width:80px' v-model="form.randomnumber"></el-input>
        </el-form-item>
        <div>道（共6道）</div>
      </el-checkbox><div></div>
    </el-checkbox-group>

    <el-form-item label="督促设置">
    <el-checkbox-group v-model="form.urge">
      <el-checkbox label="结束提醒" name="type">
        <span>作业结束前</span>
        <el-form-item>
          <el-input style='width:80px' v-model="form.urgetime"></el-input>
        </el-form-item>
        <span>小时发通知提醒未交学生</span>
      </el-checkbox><div></div>
    </el-checkbox-group>
    </el-form-item>

    <el-form-item label="作答要求">
    <el-checkbox-group v-model="form.requirement">
      <el-checkbox label="结束提醒" name="type">
        <span>完成任务点</span>
        <el-form-item>
          <el-input style='width:80px' v-model="form.requirementpoint"></el-input>
        </el-form-item>
        <span>%允许做作业</span>
      </el-checkbox><div></div>
    </el-checkbox-group>
    </el-form-item>

<el-form-item label="评分设置">
    <el-checkbox-group v-model="form.scoresetting">
      <el-checkbox label="主观题" name="score">填空类型的题设定为主观题</el-checkbox>
        <div class='section-description'>填空题类型的包括填空题，分类题，资料题。设为主观题后需教师手动批阅</div>
      <el-checkbox label="大小写" name="score">填空题答案不区分大小写</el-checkbox>
        <div class='section-description'>勾选后，英文大写和小写都可以得分</div>
      <el-checkbox label="忽略符号" name="score">填空题答案忽略符号</el-checkbox>
        <div class='section-description'>勾选后，答案内符号和标准答案不同也给分</div>
      <el-checkbox label="多选题" name="score">多选题未选全给一半分</el-checkbox>
        <div class='section-description'>不勾选时，全选对才给分</div>
    </el-checkbox-group>
  </el-form-item>
    <el-form-item>
    <el-button type="primary" @click="onSubmit">立即创建</el-button>
    <el-button>取消</el-button>
  </el-form-item>

  <el-form-item>
    <el-button type="primary" @click="onSubmit">立即创建</el-button>
    <el-button>取消</el-button>
  </el-form-item>
</el-form>
</template>

<script>
  export default {
    data() {
      return {
        form: {
          data1:'',
          data2:'',
          passingstandard:'',
          advancedsetting:[],
          remaketime:'',
          entitrick:[],
          status:'',
          randomnumber:'',
          urge:[],
          urgetime:'',
          requirement:[],
          requirementpoint:'',
          scoresetting:[],
        }
      }
    },
    methods: {
      onSubmit() {
        console.log('submit!');
      }
    }
  }
</script>

<style scoped="scoped">
  .section-description{
    font-size: 10px;
    color:#C0C4CC;
    margin-left: 25px;
  }
</style>
